::view-transition-old(root) {
  animation: none;
  mix-blend-mode: normal;
}

::view-transition-new(root) {
  animation: 0.5s ease-in clip-animation;
  mix-blend-mode: normal;
}

@keyframes clip-animation {
  from {
    clip-path: circle(0px at var(--vda-theme-x) var(--vda-theme-y));
  }
  to {
    clip-path: circle(var(--vda-theme-r) at var(--vda-theme-x) var(--vda-theme-y));
  }
}
